<template>
	<scroll-view :scroll-x="true">
		<view>
			<view>
				<view class="duction-list-content">
					<image class="img" src="../../../static/img/lvyouxiangqing.png" mode="widthFix"></image>
					<view class="list-item-text">
						<view class="item-text-left">济州岛｜去不会腻的神仙地方</view>
						<view class="item-text-right">第一次去济州岛真的好开心，提前做好了攻略，去的那天我的内心是压制不住的开心…</view>
					</view>
				</view>
			</view>
			<view class="duction-list-item">
				<view class="duction-list-content">
					<image class="img" src="../../../static/img/lvyouxiangqing.png" mode="widthFix"></image>
					<view class="list-item-text">
						<view class="item-text-left">济州岛｜去不会腻的神仙地方</view>
						<view class="item-text-right">第一次去济州岛真的好开心，提前做好了攻略，去的那天我的内心是压制不住的开心…</view>
					</view>
				</view>
			</view>
			<view class="duction-list-item">
				<view class="duction-list-content">
					<image class="img" src="../../../static/img/lvyouxiangqing.png" mode="widthFix"></image>
					<view class="list-item-text">
						<view class="item-text-left">济州岛｜去不会腻的神仙地方</view>
						<view class="item-text-right">第一次去济州岛真的好开心，提前做好了攻略，去的那天我的内心是压制不住的开心…</view>
					</view>
				</view>
			</view>
		</view>
	</scroll-view>
</template>

<script>
</script>

<style scoped lang="scss">
	.duction-list-content {
		width: 600rpx;
		margin-bottom: 20rpx;
		.img {
			width: 200rpx;
			margin-left: 20rpx;
		}

		.list-item-text {
			width: 400rpx;
			display: block;
			text-align: left;
			font-size: 26rpx;
			margin-left: 20rpx;

			.item-text-left {
				font-size: 32rpx;
				color: #000;
				margin-bottom: 20rpx;
			}

			.item-text-right {
				color: #c4c4c4;
			}
		}
	}
</style>
